#{extends 'Secure/layout.html' /}

<div id="login">
		
	#{form @authenticate(), class:"form-signin"}
		<h1>&{'secure.title'}</h1>
		
		#{if flash.error}
			<div class="alert alert-danger" role="alert">
				&{flash.error}
			</div>
		#{/if}
		#{if flash.success}
			<div class="alert alert-success" role="alert">
				&{flash.success}
			</div>
		#{/if}
	
		<div id="username-field" class="form-group">
			<label for="username">&{'secure.username'}</label>
			<input type="text" name="username" class="form-control"  id="username" value="${flash.username}" />
		</div>
		<div id="password-field" class="form-group">
			<label for="password">&{'secure.password'}</label>
			<input type="password" name="password" class="form-control" id="password" value="" />
		</div>
		<div id="remember-field" class="form-group">
		<label for="remember">
			<input type="checkbox" name="remember" id="remember" value="true" ${flash.remember ? 'checked="true"' : ''} />
			&{'secure.remember'}
		</label>
		</div>
		<div id="signin-field" class="form-group">
			<input type="submit" class="btn btn-large btn-primary"  id="signin" value="&{'secure.signin'}" />
		</div>
	#{/form}
	
</div>